<template>
  <div>
    <!-- 父传子 -->
    <!-- 
      语法:
        1. 在父组件中给子组件加属性 (自定义属性, 符合变量命名规则)
        2. 在子组件中使用 props 接收
     -->
    <!-- <MyProduct title="超级好吃的口水鸡儿" price="29" :info="msg"></MyProduct>
    <MyProduct title="香喷喷的脆皮鸭儿" price="49" info="香脆可口!一口掉渣!"></MyProduct> -->
    <my-product
      title="椰子鸡"
      price="123"
      :info="msg"
    ></my-product>
     <my-product
      title="椒麻鸡"
      :price="29"
      :info="msg"
    ></my-product>
  </div>
</template>

<script>
// 1. 引入
import MyProduct from './components/MyProduct'

export default {
  // 2. 注册
  components: {
    MyProduct
  },
  data() {
    return {
      msg: '鲜嫩多汁!酸辣可口!',
    }
  },
  methods: {
   
  }
}
</script>

<style>

</style>